<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Crew Intranet: HRMS - Human Ressources Mangement System</title>
            </f:facet>
        </h:head> 

        <h:body>
            <ui:composition template="./template.xhtml">
                <ui:define name="top">

                </ui:define>
                <ui:define name="content">
                    <div class="jumbotron">
                        <div class="container">
                            <h2>Journey Management Tool</h2> 
                            <div style="font-size: 13px;">
                                <p>
                                    Cet outil permet au radio opérateur d'organiser et de numériser son journey management.
                                    <br></br>
                                    Son travail permet d'habiller les données GPS de chaque véhicule.
                                    <br></br>
                                    <br></br>
                                    A partir de ce site, vous pouvez:
                                </p>
                                <ul>
                                    <li>Décrire l'organisation de la <u>mission</u> et des <u>besoins</u> en véhicules de chaque département</li>
                                    <li>Gerer la base de données du <u>personnel</u>, notamment des chauffeurs </li>
                                    <li>Gerer la base de données des <u>véhicules</u></li>
                                    <li>Organiser le travail du <u>radio opérateur</u></li>
                                </ul>
                                
                                    <h:panelGrid columns="3" cellpadding="10">
                                        <p:graphicImage value="/public/images/imageaccueil1.jpg" width="250" height="200" />  
                                        <p:graphicImage value="/public/images/imageaccueil2.jpg" width="250" height="200" />  
                                        <p:graphicImage value="/public/images/imageaccueil3.jpg" width="250" height="200" />                                      
                                    </h:panelGrid>
                                
                            </div>
                        </div>
                    </div>

                </ui:define>
            </ui:composition>
        </h:body>

    </f:view>
</html>

